<template>
	<div id="app">
		<!-- 路由出口 -->
		<!-- 路由匹配到的组件将渲染在这里 -->
		<router-view>

		</router-view>
	</div>
</template>

<script>
	export default {
		name: 'App',
		data(){
			return {
			}
		},
		computed:{
			
		},
		methods:{
			
		},
		mounted() {
			
		}
	}

	document.addEventListener('DOMContentLoaded', () => {
		let html = document.querySelector('html')
		let fontSize = window.innerWidth / 10
		fontSize = fontSize > 50 ? 50 : fontSize
		html.style.fontSize = fontSize + 'px'
	})
</script>

<style>
	#app {
		width: 100%;
		height: 100%;
		overflow: hidden;
	}
</style>
